@charset "utf-8";

/*** Éléments HTML ***/

* { margin:0; padding:0; outline:0; }

html, body {
    width:100%;
    background-color:#0e0801;
    background-image:url(../img/background.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    color:#fff;
}

a {
    color:#fff;
    text-decoration:none;
}
a:hover { color:#fac831; }
strong > a { color:#fac831; }
strong > a:hover { text-decoration:underline; }
h1, h2 {
    font-family:"DejaVu Sans", sans-serif;
    color:#fac831;
}

header {
    display:block;
    text-align:right;
    height:35px;
    margin:auto;
    padding:15px 30px 0 30px;
}

header > * { display:inline-block; }

footer {
    display:block;
    width:100%;
    height:25px;
    padding:5px 0 0 0;
    margin:auto;
}

section {
    display:block;
    background-color:#000;
    padding:1px;
    border-radius:3px;
    border:1px solid #2c2719;
}

article, canvas {
    position:relative;
    display:block;
}

section > div {
    background-color:#15130d;
    padding:13px 15px;
}

section > div > * { margin-top:7px; }
section > div > *:first-child { margin-top:0; }

article { padding:0 0 25px 0; }
article h1 { margin:5px 0 0 5px; }
article h2 { margin:15px 0 0 30px; }
article h3 { margin:0 0 0 40px; }
article p {
    text-indent:0;
    text-align:left;
    padding:0;
}
article p {
    padding:10px 40px;
    text-indent:2em;
    text-align:justify;
}
article.animation h1 { margin:0; }
article.animation h2 { margin:0; }
article.animation h3 { margin:0; }
article.animation p {
    padding:0;
    text-indent:0;
}
article ul {
    padding:10px 90px;
    text-align:justify;
}
article address { padding:10px 50px; }
article address span { display:block; }

/*** Classes et ID ***/

#content {
    display:table;
    width:100%;
    margin:auto;
    margin-top:10px;
}
#content > * {
    display:table-cell;
    vertical-align:top;
    padding:0 10px;
}

.container {
    position:relative;
    padding:7px;
    background-color:#302f2c;
}

.box.container {
    display:inline-block;
} 

.loading {
    background-image:url(../img/loader1.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

canvas.h300 { height:300px; }
article.h300 {
    height:70px;
    margin-top:-300px;
    padding:220px 10px 10px 10px;
}

canvas.h150 { height:150px; }
article.h150 {
    height:35px;
    margin-top:-150px;
    padding:110px 10px 5px 10px;
}
article.h300 h1, article.h300 p {
    overflow:hidden;
    height:1.3em;
}
article.h150 h1, article.h150 p {
    overflow:hidden;
    height:1.2em;
}
article.h300 h1 { font-size:2em; }
article.h300 p { font-size:3em; }
article.h150 h1 { font-size:1.2em; }
article.h150 p { font-size:1.5em; }

.w400 { width:400px; }
.w250 { width:250px; }
.wend { width:358px; }

.hidden { display:none; }

#left-pane { display:inline-block; border:1px solid red; }